<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>
		<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"> </script>
		<script src="https://gitee.com/weisss1993/dsApp/raw/master/js/ajax.js"></script>
		<script src="html5plus://ready"></script>
	</head>
	<body>
		<div id="app" style="background-color: #E8E8E8;height: 100%;">
			<van-nav-bar @click-left="back" style="background-color: red;position: fixed;top: 0px;width: 100%;z-index: 2;">
				<span slot="title" style="color: white;">结算</span>
				<van-icon name="arrow-left" slot="left" color="white" />
			</van-nav-bar>
			<div style="margin-top: 70px;">
			</div>
			<van-panel>
				<div slot="header"><span style="background-color: red;color: red;">1</span><span>商品清单</span>
					<hr />
				</div>
				<div>内容</div>
			</van-panel>
			<van-panel style="margin-top: 15px;">
				<div slot="header"><span style="background-color: red;color: red;">1</span><span>收货地址</span>
					<hr />
				</div>
				<div>
					<van-cell-group>
						<van-field :value="data.name" label="联系人:" disabled />
					</van-cell-group>
					<van-cell-group>
						<van-field :value="data.tel" label="手机号码:" disabled />
					</van-cell-group>
					<van-cell-group>
						<van-field :value="data.address" label="详细地址:" disabled />
					</van-cell-group>
				</div>
			</van-panel>
			<van-panel style="margin-top: 15px;">
				<div slot="header"><span style="background-color: red;color: red;">1</span><span>支付方式</span>
					<hr />
				</div>
				<div>
					<van-radio-group v-model="radio">
						<van-cell-group>
							<van-cell clickable @click="radio = '1'">
								<div slot="title"><van-icon name="alipay" slot="icon" color="blue" size="25px" ></van-icon><span style="font-size: 20px;">支付宝</span></div>
								<van-radio name="1" />
							</van-cell>
							<van-cell clickable @click="radio = '2'">
								<div slot="title"><van-icon name="wechat" slot="icon" color="green" size="25px" /></van-icon><span style="font-size: 20px;">微信支付</span></div>
								<van-radio name="2" />
							</van-cell>
						</van-cell-group>
					</van-radio-group>
				</div>
			</van-panel>
			<div style="margin-top: 50px;"></div>
			<van-submit-bar :price="3050" button-text="去支付" />
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					data: {},
					radio:'1',
					
				},
				created:function(){
					//console.log(localStorage.getItem("keys"))
				},
				mounted: function() {
					ajax({
						url: "http://dsapi.ysd3g.com/API/MyShippingAddressList",
						dataType: "jsonp",
						data: {
							key:localStorage.getItem("keys")
						},
						success: function(res) {
							vm.data=res.Data[0];
							//console.log(vm.data);
						}
					});
				},
				methods: {
					back: function() {
						plus.webview.close("pay");
					}
				}
			});
		</script>
	</body>
</html>